<link rel="import" href="../bower_components/app-route/app-route.html">

<dom-module id="page-not-found">
  <template>
    <style include="shared-styles">
      :host {
        padding: 10px 20px;
        text-align: center;
        vertical-align: middle;
        margin-top: 20%;
      }
    </style>
    <div id="content">
        <h1>404</h1> 
        <p>Page can not be found.</p>
        <a href="/"><paper-button>Back to home</paper-button></a>
    </div>
  </template>

  <script>
    Polymer({
      is: 'page-not-found'
    });
  </script>
</dom-module>